<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="/weixi/Public/css/bootstrap.min.css">
    <link rel="stylesheet" href="/weixi/Public/css/nivo-slider.css" type="text/css">
    <link rel="stylesheet" href="/weixi/Public/css/themes/bar/bar.css" type="text/css">
    <link rel="stylesheet" href="/weixi/Public/css/themes/dark/dark.css" type="text/css">
    <link rel="stylesheet" href="/weixi/Public/css/themes/default/default.css" type="text/css">
    <link rel="stylesheet" href="/weixi/Public/css/themes/light/light.css" type="text/css">
    <title>商城主页</title>
    <style>
        *{
            box-sizing: border-box;     /*从IE8开始兼容*/
            text-size-adjust:none;
        }
        img{
            max-width: 100%;
        }
        ul,li{
            list-style: none;margin: 0;padding:0;
        }
        html,body, .container{
            height:100%;margin:0;padding:0;
        }
        .container{
            max-width: 640px;min-width: 320px;margin: auto;
        }
        /*header{*/
        /*height:8%; display:flex;background: #3f3f3f;width: 100%;color: white;font-size: 20px;*/
        /*}*/
        /*header>div{*/
        /*text-align: center; height: 100%;align-items: center; display:flex;*/
        /*}*/
        section{
            height:91%;width: 100%;overflow: scroll;
        }
        .section-header{
            height:8%;background: #ff8724;display:flex;
        }
        .section-content{
            min-height: 800px
        }
        .nivoSlider img{
            width: 100%;
        }
        .clear{
            clear:both;
        }
        footer{
            height:9%; width: 100%;border-top:1px #b2b2b2 solid ;display:flex;color: grey;
        }
        footer>div{
            width: 25%;height: 100%;
        }
        footer img{
            margin-top: 5%;margin-left:40% ;
        }
        .footer-member a:link{
            color: grey;text-decoration:none;font-size:13px;
        }
        .footer-member a:visited {
        color:grey;text-decoration:none;font-size:13px;
        }
        .footer-member  a:hover {
            color: #2536ff;font-size:13px;
        }
    </style>
    <script src="/weixi/Public/js/jquery-1.11.1.min.js"></script>
    <script src="/weixi/Public/js/bootstrap.min.js"></script>
    <script src="/weixi/Public/js/jquery.nivo.slider.js" type="text/javascript" charset="UTF-8" ></script>
    <script type="text/javascript">
        $(function () {
            $(".nivoSlider").nivoSlider();
        })
    </script>
</head>
<body>
<!--<php>var_dump($name);</php>-->
<div class="container">
    <section>
        <div class="section-header">
            <!--<div style="display: flex;width: 80%;height: 100%">-->
            <input style="width: 80%;height: 80%;background: #d77423;border: 0;border-radius: 6px;margin: auto;margin-left: 5%;"/>
            <!--</div>-->
            <div style="display: flex;width: 15%;height: 100%">
                <span class="glyphicon glyphicon-search" style="font-size: 20px;color: white;display: inline-block;margin: auto"></span>
            </div>
        </div>
        <div class="section-content" >
            <div class="slider-wrapper theme-default" style="height: 260px">
                <div class="nivoSlider" style="height: 251px">
                    <img src="/weixi/Public/img/图1.jpg" title="母婴案例分享">
                    <img src="/weixi/Public/img/图2.jpg"  title="商超案例分享">
                    <img src="/weixi/Public/img/图3.jpg"  title="烘焙案例分享">
                    <img src="/weixi/Public/img/图4.jpg"  title="生鲜案例分享">
                    <img src="/weixi/Public/img/图5.jpg"  title="美妆案例分享">
                </div>
            </div>
            <div style="margin-top: 2px" >
                <div >
                    <img src="/weixi/Public/img/图6.png" style="width: 100%">
                </div>
            </div>
            <div style="margin-top: 10px" >
                <div >
                    <img src="/weixi/Public/img/团购.jpg" style="width: 100%" title="【功能&实例】拼爹拼娘不如拼团">
                </div>
            </div>
            <div>
                <div>
                    <img src="/weixi/Public/img/微会员.jpg" style="width: 100%" title="【微会员案例集】学他们玩转微信会员营销">
                </div>
            </div>
            <div>
                <div>
                    <img src="/weixi/Public/img/母婴微商.jpg" style="width: 100%;" title="母婴微商店运营实例">
                </div>
            </div>
            <!-- 拼团购-->
            <div style="color: #1c8de0;font-weight:bolder;font-size: 22px;width: 98%;margin: 3% 1% 0 1%;height:40px  ">
                <span style="font-size: 30px;margin-right: 5px">|</span><span>拼团购</span>
            </div>
            <hr style="border-top:1px solid #bababa;margin: 0;padding: 0;width: 98%;margin: auto"/>
            <div style="width: 100%;">
                <foreach name="name" item="names">
                    <div style="width: 100%;">
                        <div style="width: 50%;margin-top: 10px;display:flex;float: left">
                            <div style="width: 96%;border: 1px #bababa solid;margin: auto;height: 271px">
                                <div style="width: 100%">
                                    <a href="{:U('Query/index')}?id={$names.idit}"><img style="width: 200px;height: 200px;" src="/weixi/Public/imgs{$names.shopimg}" ></a>
                                </div>
                                <span style="display: inline-block;width: 97%;margin-left: 2%">{$names.shopname}</span>
                                <div style="margin-bottom: 10px;display: flex">
                                    <div style="width: 70%">
                                        <php>$a = $names['price']*$names['discount'];</php>
                                        <span style="font-size: 16px;color: orangered;margin-right: 5px">￥{$a}</span><span style="text-decoration:line-through;font-size: 12px">原价:{$names.price}元</span>
                                    </div>
                                    <div style="width: 30%">
                                        <span style="display: inline-block;background: #d60f15;padding: 1% 2%;color: white;margin-left: 10px;font-size: 12px">4人团</span>
                                        <!--<span style="display: inline-block;background: #d60f15;padding: 1% 2%;color: white;text-align: center;margin-left: 10%;font-size: 12px">优惠买单</span>-->
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </foreach>
                <div class="clear"></div>
            </div>
            <!-- 折扣促销-->
            <div style="color: #1c8de0;font-weight:bolder;font-size: 22px;width: 98%;margin: 3% 1% 0 1%;height:40px  ">
                <span style="font-size: 30px;margin-right: 5px">|</span><span>折扣促销</span>
            </div>
            <hr style="border-top:1px solid #bababa;margin: 0;padding: 0;width: 98%;margin: auto"/>
            <div style="margin: auto;width: 100%">
                <div style="width: 50%;display: flex;float: left;margin-top: 10px;">
                    <div style="width: 96%;border: 1px #bababa solid;margin: auto;min-height: 275px">
                        <img src="/weixi/Public/img/果珍.png" >
                        <span style="display: inline-block;width: 97%;margin-left: 2%">Child Life 儿童钙镁锌补充液</span>
                        <div style="margin-bottom: 10px;display: flex">
                            <div style="width: 50%">
                                <span style="font-size: 16px;color: orangered;">￥66.00</span>
                            </div>
                            <div style="width: 50%">
                                <span style="display: inline-block;background: #d60f15;padding: 1% 2%;color: white;text-align: center;margin-left: 10%;font-size: 12px">优惠买单</span>
                            </div>
                        </div>
                    </div>
                </div>
                <div style="width: 50%;display: flex;float: left;margin-top: 10px;">
                    <div style="width: 96%;border: 1px #bababa solid;margin: auto;min-height: 275px">
                        <img src="/weixi/Public/img/DHA.png" >
                        <span style="display: inline-block;width: 97%;margin-left: 2%">Nordic Naturals 挪帝克 婴幼儿鳕鱼肝油</span>
                        <div style="margin-bottom: 10px;display: flex">
                            <div style="width: 50%">
                                <span style="font-size: 16px;color: orangered;">￥88.00</span>
                            </div>
                            <div style="width: 50%">
                                <span style="display: inline-block;background: #d60f15;padding: 1% 2%;color: white;text-align: center;margin-left: 10%;font-size: 12px">优惠买单</span>
                            </div>
                        </div>
                    </div>
                </div>
                <div style="width: 50%;display: flex;float: left;margin-top: 10px;">
                    <div style="width: 96%;border: 1px #bababa solid;margin: auto;min-height: 275px">
                        <img src="/weixi/Public/img/儿童米糊.png" >
                        <span style="display: inline-block;width: 97%;margin-left: 2%">HiPP 喜宝 有机免敏纯大米米粉</span>
                        <div style="margin-bottom: 10px;display: flex">
                            <div style="width: 50%">
                                <span style="font-size: 16px;color: orangered;">￥59.00</span>
                            </div>
                            <div style="width: 50%">
                                <span style="display: inline-block;background: #d60f15;padding: 1% 2%;color: white;text-align: center;margin-left: 10%;font-size: 12px">优惠买单</span>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="clear"></div>
            </div>
        </div>
    </section>
    <footer>
        <div class="footer-member"><a href="{:U('mains/index')}"><img src="/weixi/Public/img/img2-1.png"><div style="text-align: center;font-size: 14px;margin-top: 5%">首页</div></a></div>
        <div class="footer-member"><a href="{:U('Classify/index')}"><img src="/weixi/Public/img/img2-2.png"><div style="text-align: center;font-size: 14px;margin-top: 5%">分类</div></a></div>
        <div class="footer-member"><a href="{:U('Shopping/index')}"><span class="glyphicon glyphicon-shopping-cart" style="color: #a2a2a2;font-size: 24px;display: block;margin-top: 5%;margin-left:35% ;" ></span>
            <div style="text-align: center;font-size: 14px;margin-top: 5%">购物车</div></a>
        </div>
        <div class="footer-member"><a href="{:U('Main/member')}" ><img src="/weixi/Public/img/img2-4.png" ><div style="text-align: center;font-size: 14px;margin-top: 5%">会员中心</div></a></div>
    </footer>
</div>
</body>
</html>